diff options
Diffstat (limited to 'pages/en/anime/[...id].js')
| -rw-r--r-- | pages/en/anime/[...id].js | 34 |
1 files changed, 22 insertions, 12 deletions
diff --git a/pages/en/anime/[...id].js b/pages/en/anime/[...id].js index 6255e5a..0b83f24 100644 --- a/pages/en/anime/[...id].js +++ b/pages/en/anime/[...id].js @@ -163,18 +163,28 @@ export default function Info({ info, color }) { <div className="bg-image w-screen"> <div className="bg-gradient-to-t from-primary from-10% to-transparent absolute h-[300px] w-screen z-10 inset-0" /> {info ? ( - <Image - src={ - info?.bannerImage || - info?.coverImage?.extraLarge || - info?.coverImage.large - } - priority={true} - alt="banner anime" - height={1000} - width={1000} - className="object-cover bg-image w-screen absolute top-0 left-0 h-[300px] brightness-[70%] z-0" - /> + <> + <Image + src={ + info?.bannerImage || + info?.coverImage?.extraLarge || + info?.coverImage.large + } + priority={true} + alt="banner anime" + height={1000} + width={1000} + className="hidden md:block object-cover bg-image w-screen absolute top-0 left-0 h-[300px] brightness-[70%] z-0" + /> + <Image + src={info?.coverImage.extraLarge || info?.coverImage.large} + priority={true} + alt="banner anime" + height={1000} + width={1000} + className="md:hidden object-cover bg-image w-screen absolute top-0 left-0 h-[300px] brightness-[70%] z-0" + /> + </> ) : ( <div className="bg-image w-screen absolute top-0 left-0 h-[300px]" /> )} |